<template>

  <div style="background-color: white">
    <iframe :src="iframeUrl" :key="iframeKey"
            width="100%" height="810px"></iframe>
  </div>

</template>

<script>
  import http from '@/utils/http'

  export default {
    name: "Druid",
    data(){
      return {
        iframeUrl: '/druid/login.html',
        // 嵌入页面的标记，防止不刷新用的
        iframeKey: 1,
      }
    },
    methods: {
      /**
       * 获取 druid 的地址
       */
      getDruidPath(){
        http.get("/config/getDruidPath", {}).then(response => {
          let res = response.data;
          if (res.status === 'error'){
            // 401是token过期跳转的
            if (res.code !== 401){
              this.$message.error(res.msg);
            }
            return
          }
          // 分页数据
          this.iframeUrl = res.data
          this.iframeKey = (this.iframeKey + 1)

        }).catch(error => {
          this.$message.error(error.message);
        })
      }
    },
    mounted(){
      this.getDruidPath()
    },
  }
</script>

<style scoped>

</style>
